#adventureInfo {
  width: 100%;
  position: absolute;
  right: 0;
  bottom: 0;
  background-color: #282C34;
  height: 2.1em;
}

#adventureInfo .info {
  background-color: #282C34;
  font-size: 1em;
  float: left;
  line-height: 2.2em;
}

#adventureInfo .abag {
  font-size: 1em;
  background-color: #282C34;
  float: right;
  line-height: 2.2em;
}

#adventureInfo .cure {
  font-size: 1em;
  background-color: #282C34;
  float: right;
  line-height: 2.2em;
}

#adventureInfo button{
  padding:1px 0.1em;
  border-width: 2px;
  background-color: #282C34;
}
 /***********冒险背包**********/
#adventureBag {
  position: absolute;
  width: 80%;
  left: 10%;
  top: 10%;
  display: block;
  background: #000;
  border: 4px solid #968665;
  z-index: 999;
  height:75%;
  overflow-y: hidden;
}
#adventureBag .content {
  width: 100%;
  height: calc(100% - 5.2em);
  overflow-y: auto;
  border-bottom: 4px solid #968665;
}
#adventureBag .title {
  border-bottom: 4px solid #968665;
  width: 100%;
  font-size: 1.2em;
  font-weight: bold;
  padding: 5px 0px;
}
#adventureBag .itemInfo  {
  border-bottom: 1px solid #968665;
  padding: 3px 0;
}
#adventureBag .itemInfo div {
  display: inline-block;
  width: 25%;
  font-size: 1em;
}
#adventureBag .itemInfo .item {
  width: 50%;
}
#adventureBag .deleteABag {
  font-size: 1em;
  padding: 1px 8px;
  border-width: 2px;
}

#adventureBag .extractABag {
  font-size: 1.2em;
  font-weight: bold;
  margin: 2px auto;
}

.icon-134{
    color:#A3DB2F;
}

.icon-187{
    color:#FE3044;
}
